/* 使用 @font-face 引入仓耳舒圆体字体 */
@font-face {
  font-family: 'CangErShuYuanTi';
  src: url('https://qiniu.annlcc.cn/canger.ttf') format('truetype');
}

:root {
  --scrollbar-bg-color: #d9d9de;
  --scrollbar-thumb-color: #a5b1c2;
  --scrollbar-thumb-hover-color: #718096;
  font-family: -apple-system, BlinkMacSystemFont, 'CangErShuYuanTi', Roboto, "Helvetica Neue", Arial, sans-serif;
}
#my-editor-preview{
  font-family: -apple-system, BlinkMacSystemFont, 'CangErShuYuanTi', Roboto, "Helvetica Neue", Arial, sans-serif;

}
body {
  /* 默认滚动条样式 */
  ::-webkit-scrollbar {
    width: 6px;
  }
  ::-webkit-scrollbar-track {
    background-color: var(--scrollbar-bg-color);
    border-radius: 3px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color);
    border-radius: 4px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover-color);
  }
}

.theme[data-theme="dark"] body {
  /* 夜间模式滚动条样式 */
  ::-webkit-scrollbar {
    width: 6px;
  }
  ::-webkit-scrollbar-track {
    background-color: #333333;
    border-radius: 3px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #666666;
    border-radius: 4px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: #999999;
  }
}

#ModalBase {
@apply z-50;
}

// components
@import '_transitions';